#wolive-talk{
    width: 400px;
    height: 560px;
    position: fixed;
    bottom: 0;
    right:0;
    z-index: 999999999;display: none;
}
.blzx-close {
    display: block;
    width: 18px;
    height: 18px;
    background: url(/assets/style1/img/down_arrow.png) no-repeat;
    position: absolute;
    right: 10px;
    top: 15px;
    cursor: pointer;
}


#online-service-showhelp *,#online-service-showright *,#online-service-shownews *{padding: 0;margin: 0;box-sizing: border-box; background-color: transparent;}
#online-service-showhelp{
    display: none;
    border: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    overflow-wrap: normal;
    position: fixed;
    background: transparent;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    visibility: visible !important;
    z-index: 1000 !important;
    width: 370px !important;
    height: 190px !important;
}

#online-service-showhelp  .online-service-showhelp-wrap .online-service-showhelp-wrap-inner,
#online-service-shownews  .online-service-showhelp-wrap .online-service-showhelp-wrap-inner
{
    width: 100%;
    height: 100%;
    overflow: visible;
    position: relative;
}
#online-service-showhelp  .online-service-showhelp-wrap {
    width: 100%;
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
    position: relative;
    font-size: 14px;
    background: url(../img/invite-bgi-4.png) center center / 320px no-repeat;
}
#online-service-shownews .online-service-showhelp-wrap {
    width: 100%;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
    position: relative;
    font-size: 14px;
    background-color: #fff;
}
#online-service-showhelp .online-service-showhelp-content .online-service-close
{
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
    font-size: 14px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: rgb(255, 255, 255);
    border-radius: 50%;
    color: rgb(153, 153, 153);
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 5px 1px;
}
#online-service-shownews .online-service-showhelp-content .online-service-close
{
    display: block;
    position: absolute;
    right: 0;
    top: -3px;
    z-index: 100;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    background: rgb(255, 255, 255);
    border-radius: 50%;
    color: rgb(153, 153, 153);
    cursor: pointer;
}
#online-service-showhelp .online-service-showhelp-content .online-service-showhelp-content-text
{
    overflow: hidden;
    box-sizing: border-box;
    word-break: break-word;
    width: 210px;
    height: 90px;
    padding: 46px 0 0 40px;
    line-height: 22px;
}
#online-service-shownews .online-service-showhelp-content .online-service-showhelp-content-text
{
    overflow: hidden;
    box-sizing: border-box;
    word-break: break-word;
    line-height: 22px;
}
#online-service-showright{
    border: none;
    margin: 0;
    overflow: visible;
    overflow-wrap: normal;
    position: fixed;
    z-index: 9999999;
    text-align: center;
    box-sizing: border-box;
    display: block !important;
    bottom: 135px;
    background-color: transparent;
    right: -15px;
    height: 174px !important;
    width: 70px !important;padding: 15px;
}
#online-service-shownews{
    display: none;
    position: fixed;
    background: transparent;
    left: 50%;
    bottom: 218px;
    transform: translateX(-50%);
    z-index: 999999999 !important;
    max-width: 370px !important; width: 70%;
}
#online-service-shownews-wrap{
    border: none;
    margin: 0;
    overflow: auto;
    overflow-wrap: normal;
    width: 100%;
    border-radius: 8px !important;
    height: 120px !important;
    box-shadow: rgba(0, 0, 0, 0.16) 0 5px 14px;
}
#online-service-shownews .kailong{
    width:0;
    height:0;
    border-top:8px solid transparent;
    border-bottom:8px solid transparent;
    border-left:8px solid #fff;
    right: -7px;top:56px;position: absolute;
}
#online-service-showright .online-service-showright-wrap{
    height: 100%;
    width: 100%;
    background-color: rgb(0, 122, 255);
    box-shadow: rgba(0, 0, 0, 0.16) 0 5px 14px;
    position: relative;
    text-align: center;
    cursor: pointer;
}
#online-service-showright .online-service-showright-wrap .online-service-showright-content-top{
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    background-color: rgb(0, 122, 255);
}
#online-service-showright .online-service-showright-wrap .online-service-showright-content-img{
    vertical-align: middle;
    padding-right: 32px;
    height: 32px;
    display: inline-block;
    background: url(../img/icon-mq-round@2x.png) 0 -3px / 64px no-repeat;
}
#online-service-showright .online-service-showright-wrap .online-service-showright-content-button{
    line-height: 40px;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: none;
    color: rgb(255, 255, 255);
    writing-mode: tb-rl;
    height: calc(100% - 41px);
    width: 40px;
    background-color: rgb(0, 122, 255);
}
#online-service-showright .news-num{
    display: none;
    height: 24px;
    min-width: 24px;
    line-height: 24px;
    border-radius: 50%;
    font-size: 14px;
    color: rgb(255, 255, 255);
    position: absolute;
    left: -10px;
    top: -8px;
    background: rgb(255, 0, 0);
}
#online-service-shownews .online-service-news-head img{max-width: 30px;max-height: 30px;margin: 0 12px 0 0;vertical-align: middle;}
#online-service-shownews .online-service-news-head{margin-bottom: 6px;}
#online-service-shownews .online-service-news-head span{vertical-align: middle;}
#wolive-talk{
    width: 400px;
    height: 560px;
    position: fixed;
    bottom: 0;
    right:0;
    z-index: 999999999;
}
.blzx-close {
    display: block;
    width: 18px;
    height: 18px;
    background: url(/assets/style1/img/down_arrow.png) no-repeat;
    position: absolute;
    right: 10px;
    top: 15px;
    cursor: pointer;
}
#wolive-iframe{
    width: 100%;
    height: 100%;
    box-shadow: rgba(15, 66, 76, 0.25) 0 0 24px 0;
    border-radius: 10px 10px 0 0;
    border: none;
}
#online-service-showhelp-content-text img,#online-service-shownews-content-text img{max-width: 16px;max-height: 16px}